<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>商品列表lists</title>
	<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/lists.css">
	
	<!--[if lte IE 6]>
		<script src="node_modules/html5shiv/src/html5shiv.js"></script>
		<script src="node_modules/respond/respond.js" ></script>
	<![endif]-->

</head>
<body>

	<!-- ==================== header B  ==================== -->
	<header>
		<div class="header_top clearfix">
			<img class="fl" src="images/header_logo.png" alt="">
			<img class="fr" src="images/header_app.png" alt="">
		</div>
		<div class="search">
			<input class="fl" type="search" placeholder="请输入您想比价的商品">
			<input class="fr" type="button" value="搜索">
		</div>
	</header>
	<!-- ================ header E  =============== -->



	
	<main>
		<div class="template1"></div>

		<script type='text/html' id='template1'>
			<div class="top">
				<a href="index.html">首页></a>
				<a href="category.html">全部分类></a>
				<a href="#">{{result[0].category}}></a>
				
				<!-- <button class="fr">筛选</button> -->
				<input type="button" value="筛选" class="fr">
			</div>	
		</script>




		<!-- ================ section B  ============= -->
		<section>
			<div class='clearfix'>
				<a href="#"><img src="images/haitao.png" alt=""></a>
				<div>
					<div>乐视TV</div>
					<div>￥1999.00</div>
					<div>报价(6)&nbsp;评论(2286)</div>
				</div>			
			</div>
		</section>
		

		<script type='text/html' id='template2'>
			{{if result}}
				{{each result as value i}}
					<div class='clearfix'>
						<a href="details.html?{{value.productId}}">{{#value.productImg}}</a>
						<div>
							<div>{{value.productName}}</div>
							<div>{{value.productPrice}}</div>
							<div>{{value.productQuote}}&nbsp;{{value.productCom}}</div>
						</div>	
					</div>
				{{/each}}
			{{/if}}
		</script>
		<!-- ================ section E  ============= -->




		<div class="foot" >
			<input type="button" value="上一页">
			<select name="" id="">
				<!-- <option>1/3</option> -->
			</select>
			<input type="button" value="下一页">
		</div>

	</main>

		




	<!-- ================ footer B  ============= -->
	<footer>
		<div class="container">
			<div class="row">
			    <div class="col-xs-4"><a href="#">登录</a></div>
			    <div class="col-xs-4 footer_center"><a href="#">注册</a></div>
			    <div class="col-xs-4"><a href="#">返回顶部</a></div>
			</div>
		</div>
		<div class="footer_b">
			<span class='footer_span_1'><a href="#">手机APP下载</a></span>
			<span>慢慢卖手机版--掌上比价平台</span><br>
			<span class='footer_span_2'>m.manmanbuy.com</span>
		</div>
	</footer>
	<!-- ==================== footer E  ================= -->





	<script src="node_modules/jquery/dist/jquery.js" ></script>
	<script src="node_modules/bootstrap/dist/js/bootstrap.js" ></script>
	<script src="lib/template.js"></script>
	<script src="js/lists.js"></script>
</body>
</html>